<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>浮动</title>
		<link  href="css/new_file.css" rel="stylesheet"/>
	</head>
	<body>
		
		<div class="bigbox clearfix "></div>
		
		
		<div class="box" >a1</div>
		<div class="box" style="height: 180px;">a2</div>
		<div class="box" style="height: 280px;">a3</div>
		<!-- float: 属性值,none,left,reght -->
		<!-- 浮动元素会脱标且会与元素顶部对其，与行内块元素特性相似 -->
		<!-- 解决脱标的方式有
		 1额外标签法：加入clear:both清除俩测浮动
		 2父级加入overflow:hidden属性
		 3父级加入after伪元素
		 4父级加入双伪元素
		 一般来说，3，4常见
		 -->
	</body>
</html>
